<!DOCTYPE html>
<html id="ng-app">
<head>
	<meta http-equiv="X-UA-Compatible" content="IE=8">
	<link rel="stylesheet" type="text/css" href="welcome.css">
	<script type="text/javascript" src="jquery.js"></script>
	<script type="text/javascript" src="angular.min.js"></script>
	<script type="text/javascript" src="angular-route.min.js"></script>
	<script type="text/javascript" src="angular-animate.min.js"></script>
	<script type="text/javascript" src="ui-utils.min.js"></script>
	<script type="text/javascript" src="welcome.js"></script>
</head>
<body onselectstart='return false;' ng-controller="WelcomeScreenCtrl" class='zoom-{{zoomLevel}}' ng-cloak>
<div id='zoomer'>
	<div id="collapseNavButton" ng-click="CollapseNav()" 
		ng-style="{left: NavCollapsedPos()}"
		ui-keydown="{ enter: 'CollapseNav()', space: 'CollapseNav()'}"><a tabindex="0" ng-bind-html="NavCollapsedText()"></a></div>
	<div id="navigation" class='collapsed-{{NavCollapsed}}' ng-controller="NavPage">
		<div id="navigation-items">
		<ul>
            <li ng-repeat="nav in navlinks" ng-controller="NavLink" class='hidden-{{navHidden(nav)}}'>
                <div ng-click="navClick(nav)"
                     ng-mouseover="nav.hover = true"
                     ng-mouseleave="nav.hover = false"
                     ui-keydown="{ enter: 'navClick(nav)', space: 'navClick(nav)'}"
                     tabindex="0"
                     class='selected-{{location.path()==nav.location}}'
                     ng-attr-title='{{localize("Nav Pane", nav.text)}}'>
                    <img class="icon" ng-src='{{nav.icon}}' />
                    <img class="icon" ng-src='{{nav.icon_hover}}' ng-class='{"hidden-true": !nav.hover}' />
                    <img class="icon" ng-src='{{nav.icon_active}}' ng-class='{"hidden-true" : location.path()!=nav.location}' />
                    <div class="badge" ng-style="{display: badgeStyle(nav)}"></div>
                    {{localize("Nav Pane", nav.text)}}
                </div>
            </li>
		</ul>
		</div>
		<div id="WSCheckBoxDiv" ng-style="{'padding-top': WSCheckBoxDivStyle()}" ng-class='{"hidden-true": NavCollapsed}'>
			<table border="0"> <!-- IE7 doesn't support CSS3. Using tables for layout and label text wrapping. -->
				<tr>
					<td id="WSCheckBox"><input id="showWelcomeScreenCheckBox" type="checkbox" ng-model="WSCheckBox" ng-change="OnWSCheckBoxChange()"></td>
					<td><label id="WSCheckBoxLabel" for="showWelcomeScreenCheckBox">{{localize("Nav Pane", 'WSCheckBoxText')}}</label></td>
				</tr>
			</table>
		</div>
	</div>
	<div class="view-container">
		<div ng-view class="view-frame"></div>
	</div>
</div>	
<div id='sizeButtons'>
	<div id='sizeDn' ng-click="FontSizeDn()">A</div>
	<div id='sizeUp' ng-click="FontSizeUp()">A</div>
</div>
</body>
</html>
